<template>
  <main class="px-[26px] mt-[24px] pb-[42px]">
    <exam-title>以往考试</exam-title>
    <section class="flex justify-between pb-[20px] mt-[19px]">
      <exam-statistical class="enter-y" @click="to">
        <template #title>考试记录</template>
        <template #desc>以往考试记录</template>
        <template #img>
          <img src="../../../assets/icon/exam_record.png" />
        </template>
      </exam-statistical>
      <exam-statistical class="enter-y" @click="to">
        <template #title>考试统计</template>
        <template #desc>以往考试统计</template>
        <template #img>
          <img src="../../../assets/icon/exam_statistical.png" />
        </template>
      </exam-statistical>
    </section>
  </main>
</template>

<script setup lang="ts">
  import ExamStatistical from './ExamStatistical.vue';
  import ExamTitle from './ExamTitle.vue';
  const router = useRouter();
  const to = () => {
    router.push({ name: 'statistical' });
  };
</script>
